<template>
	<div v-show="loadingShow">
		<loading></loading>
	</div>
	<div v-else>
		<div  class="bgf">

			<!--联系人-->
			<confirm-order-custom :custname="initData.userInfo.name" :mobilephone="initData.userInfo.phone"></confirm-order-custom>
			<!-- end 联系人 -->

			<!--推荐号码-->
			<div class="recommend-code">
				推荐码：<input type="text" id="test" v-model="recommendCode" placeholder="请填写推荐码 (选填)" />
			</div>
			<!--end 推荐号码-->

		</div>
		<!--在线支付项-->
		<ul v-if="payOnline.length>0" class="normal-bg no-pd-r mt16">
			
			<!--固定价格-->
			<li>
				<h3>在线支付项</h3>
				<p v-for='item in payOnline'>
					<span class="buy-title">{{item.mdseName}}</span>
					<span><i>¥</i>{{item.cashPrice.toFixed(2)}}</span>
				</p>
				<p v-for="item in orderMdseList">
					<span>{{item.skuName}}</span>
					<span>赠送</span>
				</p>
			</li>
			<!--end 非固定价格-->
			<li>
				<div class="amount">总计<span class="num"><small>¥</small>{{totalPrice.toFixed(2)}}</span></div>
			</li>
		</ul>
		<!--end 在线支付项-->

		<!--到店支付项-->
		<ul v-if="payOnStore.length>0" class="normal-bg no-pd-r mt16">
			<li>
				<h3>到店支付项 </h3>
				<p v-for='item in payOnStore'>
					<span>{{item.mdseName}}</span>
					<span><i>¥</i>{{item.cashPrice}}</span>
				</p>
			</li>
			<li>
				<div class="amount"><span class="gray">以上项目需要到店支付，价格仅供参考</span></div>
			</li>
		</ul>
		<!--end 到店支付项-->
		
		<!-- 满赠 满送 -->
		<ul v-for='item in orderCouponList' class="normal-bg mt16">
			<li>
				<h4>
	         <span>赠送</span>
	         <span>{{item.pondName}}(消费完成发放)</span>
	     </h4>
			</li>
		</ul>
		<!--end 满赠 满送-->

		<!--优惠券-->
		<a href="#" v-if="couponNum" v-link="{path:'/orderservice/orderchoosecoupon',query:{pathfrom:'confirm-order-service'}}">
			<ul class="normal-bg mt16 mb40 couponPrice">
				<li>
					<h4>
	          <span>优惠券{{couponNum}}张可用</span>
	          <span v-if="couponContent=='未使用'" class="gray ticket" >{{couponContent}}</span> 
	          <span v-else class="ticket">{{couponPrice}}元现金-APP专享</span>
	        </h4>
				</li>
			</ul>
		</a>
		<!--end 优惠券-->

		<!--<div class="pay-confirm" ca="提交订单-确认下单">-->
			
		<!--pay-confirm-->	
		<div class="pay-confirm">
		<div></div>
			<dl id="payConfirmOnline">
				<dt>
		        <p v-if="payOnline.length>0&&payOnStore.length<=0">
		        		<span v-if="!couponPrice">
			           <span>在线支付<span class="price-color"><small>¥</small>{{payTotalPrice.toFixed(2)}}</span></span>                        
		        		</span>
		        		<span v-else>
			           <span>在线支付<span class="price-color"><small>¥</small>{{(payTotalPrice - couponPrice) > 0 ? (payTotalPrice - couponPrice).toFixed(2) : 0 }}</span></span>                        
		        		</span>
		        </p>
		        <p v-if="payOnline.length>0&&payOnStore.length>0">
		           <span v-if="!couponPrice">
			           <span>在线支付<span class="price-color"><small>¥</small>{{payTotalPrice.toFixed(2)}}</span></span>                        
		        		</span>
		        		<span v-else>
			           <span>在线支付<span class="price-color"><small>¥</small>{{(payTotalPrice - couponPrice) > 0 ? (payTotalPrice - couponPrice).toFixed(2) : 0 }}</span></span>                        
		        		</span>
		         <br/>
		           <span class="gray s">其他项目需到店支付</span>
		            
		        </p>
		        <p v-if="payOnline.length<=0&&payOnStore.length>0">
		          <span class="gray">以上项目需到店支付</span>
		        </p>
		      </dt>
				<dd>
					<a href="javascript:;" class="ui-btn" @click="confirm">提交订单</a>
				</dd>
			</dl>
		</div>
		<!--end pay-confirm-->
	</div>
</template>

<script>

	import confirmOrderCarplate from './confirm-order-carplate';
	import confirmOrderCustom from './confirm-order-custom';
	import confirmOrderStore from './confirm-order-store';
	import confirmOrderPicktime from './confirm-order-picktime';
	import common from '../../utils/common';
	import 'mint-ui/lib/style.css';
	import Vue from 'vue';
	import {Toast,MessageBox} from 'mint-ui';
	import loading from '../common/loading';
	//import cx_analytics from '../../utils/cx_analytics.js';埋点
	export default {
		components: {
      		confirmOrderCarplate,
      		confirmOrderCustom,
      		confirmOrderStore,
			confirmOrderPicktime,
			loading
		},
		
		  data() {
		    return {
		  confirmType:true,//防止重复提交
		  loadingShow:true,
          skuCodeList: "", // skucodes参数
          scode: [], // s码数组
          // fullday:sessionStorage.getItem("fullday"),
          payOnline: [], // 在线付
          payOnStore: [], // 到店付
          prmName: [], // 优惠信息列表
          chooseTime: sessionStorage.getItem("fullday"),// 到店选择时间
          couponNum: 0, // 券的总数
          totalPrice: 0, // 在线支付总价格
          payTotalPrice:0,
          
          couponList: [{
            "couponCode": "",
            "activityName": "",
            "useDept": null,
            "settleValue": "",
            "faceValue": null,
            "templateNo": null,
            "expiryEndDate": "",
            "servicelist": null,
            "serviceCode": null
          }],
          
          couponContent: sessionStorage.getItem("chooseCouponContent") ? sessionStorage.getItem("chooseCouponContent") : "未使用", // 券信息
          carPlate: sessionStorage.getItem("choosePlate") ? sessionStorage.getItem("choosePlate") : "沪",// 选择拍照值
          plateType: this.$route.query.type || "c", // 牌照类型c为汉字牌照，l为字母牌照
					
          initData: {
            carModelInfo: {
              carName: '',
              plates: ''
            },
            userInfo: {
              name: '',
              phone: ''
            }
          },
          
          storeName: '',
          recommendCode: '', // 推荐码
          storeId: '',
          palteText: localStorage.getItem('plates'), // 车类型
          
          offer: true, // 推荐码验证
          
//        recommendCodeShow: true, // 推荐码显示
//					carShow: true,
//					stroeShow: true,
//					time: true,
					orderType: '02', // 订单类型  // 02 普通服务
					
					fixedPrice: '', // 非固定价格
					couponPrice: '', // 优惠券价格
					
					orderCouponList: [], // 优惠券信息
					orderMdseList: [], // 赠品信息
					
					loadingShow: true,// Loading 图
					nowTime: '' // 服务器当前时间
		    }
		  },
      watch: {
        "chooseTime":function(){
//        this.initCoupon();
        }
      },
      route: {
        data: function() {
        	common.setTitle('确认订单');  // 设置title
        	this.carPlate = this.$route.query.name||sessionStorage.getItem("choosePlate") || "沪";
        	this.plateType = this.$route.query.type || "c";    
        	this.couponContent = sessionStorage.getItem("chooseCouponContent") || "未使用"; // 券信息
        	this.couponPrice = sessionStorage.getItem('couponPrice') || 0;
          
          console.log( sessionStorage.getItem('couponPrice'), 'sessionStorage.getItem()' );
          
	          
        }
      },
      ready: function() {
	      	// 设置值
//	        var confirmObj = JSON.parse(localStorage.getItem('confirmObj'));
	        
//	        if ( this.isEmptyObj(confirmObj) ) {
		        // 显示隐藏模块
//		        this.recommendCodeShow = confirmObj.recommendCodeShow, // 推荐码
//		        this.carShow = confirmObj.carShow; // 服务车辆模块
//		        this.stroeShow = confirmObj.stroeShow; // 服务门店模块
//		        this.time = confirmObj.time; // 到店时间模块
//		        this.orderType = confirmObj.orderType; 
//	        }
	        
	        // 设置券码金额
	        this.couponPrice = localStorage.getItem('couponPrice');
	        
	        console.log( this.couponPrice, 'this.couponPrice' );
	        
        	// 处理 Loading图
//				 	Vue.http.interceptors.push(function ( request, next ) {
//					 	this.loadingShow = true;
//					 	next(function ( response ) {
//					 		this.loadingShow = false;
//					 		return response;
//					 	});
//				 	});

      	
      		/**
        	 * getSelectedElementInfo 
        	 * 商店 (storeInfo) 和 车辆 (carInfo) 和 购物车 (shoppingCart)
        	 */
          var _this = this;
          
          this.$http.post(common.isdev()+'/spu/getSelectedElementInfo.htm',{targetJumpUrl:window.location.href}).then(function( d ){
	          var res = typeof d.data === 'object' ? d.data : JSON.parse(d.data);
	          
	          if (res.result === 1) {
	          	
	          	var productList = res.obj.shoppingCart.productList;
		          var _skus = [];

		          	var __skuCode = JSON.parse(decodeURI(this.$route.query.skuCodes));
		          	_skus.push(__skuCode);

		          // if ( productList ) {
			         //  for (var i=0; i<productList.length; i++) {
			          	
			         //    _skus.push(productList[i].code);
			             
			         //  }
		          // } else {	
		          // 	debugger;
		          // 	var __skuCode = JSON.parse(decodeURI(this.$route.query.skuCodes));
		          // 	_skus.push(__skuCode);

		          // }
		          // 强弱关联		

				  // sku storeId
		          _this.skuCodeList = _skus;
		          console.log(_this.skuCodeList);
		          //_this.storeId = res.obj.storeInfo.storeId;
		          
		          
		          /**
		           * 订单初始化
		           */
		          _this.$http.post(common.isdev()+'/orderPageInit/init.htm', {
		            skus: JSON.stringify(_this.skuCodeList),
		            initType:'05'
		          }).then(function( d ) {
		          	
		            var res = typeof d.data === 'object' ? d.data : JSON.parse(d.data);
		            if ( res.result === 1 ) {
		        	
			        // 获取服务器当前时间
	                this.nowTime=res.obj.currentTime;
	                this.$broadcast('sendTime', this.nowTime);
		            _this.loadingShow = false;
		            //console.log( res.obj.carModelInfo, 'res.obj.carModelInfo' );
		            	
		              _this.initData.carModelInfo = res.obj.carModelInfo || '';

		              if(res.obj.userInfo == ''){

		              		_this.initData.userInfo = '';

		              }else{

		              		_this.initData.userInfo = res.obj.userInfo;
		              		sessionStorage.setItem('username',_this.trim(_this.initData.userInfo.name));

		              }
		             // _this.storeName = res.obj.storeInfo.storeName || '';
		              
		              var payOnline = [], payOnStore = [], prmName = [], totalPrice = 0, payTotalPrice=0, scode = [];
		              var obj = res.obj;
		              
		              //console.log(obj.mdseOrder, 'obj.mdseOrder');
		              
		              // orderCouponList 赠券信息
		              if ( obj.orderCouponList ) {
		              	this.orderCouponList = obj.orderCouponList;
		              }
		              
		              // orderMdseList 赠品信息
		              if ( obj.orderMdseList ) {
		              	this.orderMdseList = obj.orderMdseList;
		              }
		              
		              if ( obj.mdseOrder && obj.mdseOrder != 'null' ) {
		                for ( var i = 0; i < obj.mdseOrder.length; i++ ) {
						// 车辆是否必须 // 强弱关联，    0（无关联） 1（弱关联） 2 （强关联）
						// this.carRelation = ( obj.mdseOrder[i]['cartRelation'] =='1' || obj.mdseOrder[i]['cartRelation'] =='2') ? true : false;
						
		                  if ( obj.mdseOrder[i].prmName ) {
		                    prmName.push(obj.mdseOrder[i].prmName);
		                  }
		                  
		                  if ( obj.mdseOrder[i].serviceNo ) {
		                    scode.push(obj.mdseOrder[i].serviceNo);
		                  }
		                   
		                // 处理价格 
	                    if ( obj.mdseOrder[i].payStaus == 0 ) { // 在线支付项
	                    	
	                      var cashPrice = obj.mdseOrder[i].cashPrice || 0;
	                      
	                      // 总计
	                      totalPrice += parseFloat(cashPrice);
	                      
	                      // 判断是否非固定价格
	                      if(obj.mdseOrder[i].fixedPrice == '0'){ // fixedPrice 0 非固定价格  1 固定价格
	                      	cashPrice = 0;
	                      }
	                      
	                      // 在线支付
	                      payTotalPrice += parseFloat(cashPrice);
	                      payOnline.push(obj.mdseOrder[i]);
	                    } else { // 到店支付项
	                      payOnStore.push(obj.mdseOrder[i]);
	                    }


		                    
		                }
		              } else {
		              	Toast('mdseOrder,无数据');
		              }
					
		              _this.scode = scode; // s码
		              
		              _this.initCoupon( _this.scode ); // 获取券信息
		              
		              _this.$set("payOnline", payOnline); // 在线支付
		              _this.$set("payOnStore", payOnStore); // 到店付款
		              _this.$set("totalPrice", totalPrice); // 筛选总价格
		              _this.$set("payTotalPrice", payTotalPrice);
		              _this.$set("prmName", prmName); // 满赠满送信息
		              
		            } else if ( res.result === 0 ) {
		            	
		            	Toast(res.message);
		            }
								
					// 判断是否登陆
		            if ( res.result === -99 ) {
		              common.goLogin();
		            }

                    if( res.result === -100 ){
                        window.location.href = '//'+window.location.hostname+ res.obj;
                    }
		            
		          }, function( err ) {
		            Toast(err);
		          });


	          	
	          } else if ( res.result === 0 ) {
	          }
	
          }, function( err ) {
          	Toast(err);
          });
          common.ANA_Analytics();
      },
      
      methods: {    
      	  trim: function ( str ) {
	        	if ( str ) {
				    return str.replace(/(^\s*)|(\s*$)/g, "");
	        	}
	        	return '';
			},
      		/**
      		 * 获取券信息
      		 * @param {String} socde s码
      		 */
          initCoupon: function( socde ) {
          	
            var scode = JSON.stringify(socde);
            console.log(socde, 'socde');
            
						/**
						 * 劵码列表页面
						 */
            this.$http.post(common.isdev()+"/orderPageInit/conponList.htm",{
              "coupons": JSON.parse(scode).toString()
            }).then(function( d ){

               var res = typeof d.data === 'object' ? d.data : JSON.parse(d.data);
               if ( res.result === 1 ) {
               	
                  var chooseTime = new Date(this.chooseTime);
                  var availableCouponList = [];
                  
                  this.couponList = res.obj.couponList;
                  
                  for ( var i =0; i<this.couponList.length; i++ ) {
                  	
                    var d = this.couponList[i].expiryEndDate.split("-")[1].replace(".","/").replace(".","/");
                    var time = new Date(d); // 过期时间
                    
//                  if ( time.getTime() >= chooseTime.getTime() ) {
                      availableCouponList.push(this.couponList[i]);
//                  }
                    
                  }
                  
                  var couponLen = availableCouponList.length;
                  
                  this.$set("couponNum", couponLen);
                  
                  if ( couponLen<=0 ) {
                    this.$set("couponContent","未使用");
                  }
                  
                  console.log("couponNum：" + this.couponNum);
                  
                  sessionStorage.setItem("availableCouponList",JSON.stringify(availableCouponList));
                  
               } else if ( res.result == 0 ){
               	console.log('该用户无券');
               }
               
           		 // 判断登陆
               if ( res.result == -99 ) {
               		common.goLogin();
               }
               
            },function(){
               Toast('劵码列表接口请求出错');
            });	
       
          },
          
          // 提交
          confirm: function() {
          	
            var _this = this, settleList = [];
            var recommendCode = _this.recommendCode; // 推荐码
            if(this.confirmType){
            	this.confirmType = false;
            }else{
            	Toast('请不要重复提交');
            	return false;
            }
            this.serviceNo = localStorage.cacheSeverLocalStorage;
            
          	// 验证推荐码
          	/*if ( !_this.recommendCodeShow ) {
	          	if ( !_this.recommendCode && _this.offer ) {
	          		MessageBox({

					  message: '是否填写，推荐码',

					  showCancelButton: true,

					  confirmButtonText:'去填写',

					  cancelButtonText:'暂不填写'

					}).then(action => {
						if(action === 'confirm'){
							// this.el()
							document.getElementById("test").focus();
							//window.location.href = '#';
						}else{
							///alert("bbb");
						}
					});
	          		_this.offer = false;
	          		return false;
	          	} else */
	          	if ( _this.recommendCode == undefined || _this.recommendCode == null ) {
	        		Toast('推荐码不能输入非法字符');
	        		return false;
	          	}
          	
          	// 修改sku
            var skuCodeList = this.skuCodeList;

            if ( typeof skuCodeList == 'string' ) {
            	skuCodeList = JSON.parse(skuCodeList);
            	settleList = {quality:'1', skuCode: '["' + JSON.stringify(skuCodeList[0]) + '"]' };
            } else {
            	for ( var i = 0; i<skuCodeList.length; i++ ) {
	              settleList.push({quality:'1', skuCode:skuCodeList[i]});
	            }
            }
            

            
            
            // 修改日期
            var curTime = '';
            if ( sessionStorage.getItem("fullday") && sessionStorage.getItem("fullday") !== 'undefined' && sessionStorage.getItem("fullday") !== 'null' ) {
            	curTime = sessionStorage.getItem("fullday");
            } else {
            	curTime = this.timestamp(Date.parse(new Date()));
            }
            
            var _reservationDateStr = curTime.replace(/[\u4e00-\u9fa5]/g, '/');
            if ( _reservationDateStr.substring(_reservationDateStr.length - 1) === '/' ) {
            	_reservationDateStr = _reservationDateStr.substring(0, _reservationDateStr.length-1);
            }
            
            // 修改车牌
            console.log(this.carShow, 'this.carShow');
//          if ( this.carShow ) { 
//	            var plates = '';
//	            if (_this.palteText) {
//	            	plates = _this.carPlate + _this.palteText;
//	            } else {
//	            	if (_this.initData.carModelInfo.plates) {
//		            	plates = _this.initData.carModelInfo.plates;
//	            	} else {
//	            		Toast('请填写车牌');
//	            		return false;
//	            	}
//	            }
//          }
          
            // 修改联系人
	         var contactName = '';
	         var isName = /^[\u4e00-\u9fa5_a-zA-Z0-9-]{1,16}$/g; // 联系人验证
	         var userName = this.trim(sessionStorage.getItem('username'));

				if (userName) {
					if(!isName.test(sessionStorage.getItem('username'))) {
						Toast('联系人仅限输入中英文');
							return false;
					}else{
						contactName = userName;
					}
				} else {
					
					Toast('请填写联系人');
					return false;
				}
            // 判断券码
            var _couponCode = sessionStorage.getItem("chooseCouponId") || '';
            if ( _couponCode == '00' ) {
            	_couponCode = '';
            }
            
            // 提交订单数据组合
            var fedOrderVOString = JSON.stringify({
              // 结算订单商品VO 数量+skuCode
              settle: settleList,
              
              // 订单类型   [01,线上售卡][02,普通服务][03,轮胎服务][04,洗车服务][05,套餐卡服务][06,套餐卡用卡]</p>
              orderCommitType: '05',   

              // 车信息
              // carModelInVo: {carId:'001',plates:'苏HDN218',carName:'朗逸',assetId:'1'},
//            carModelInVo: { plates: plates },

              // 联系人
              contactName: contactName,
              
              // 到店日期        
//            reservationDateStr: _reservationDateStr,

              // 上午 下午          
//            remark: sessionStorage.getItem("remark"),  

              // 券码                 
              coupon: { couponCode: _couponCode },

              // 门店信息  
              storeInfo: {cardCityId: localStorage.getItem('cardBuyCityId'),cardCityName:localStorage.defaultcityname,},
              
              // 推荐码
              recommendCode: recommendCode
            }); 
              
            console.log( fedOrderVOString, 'fedOrderVOString' );
            /**
             * 提交订单
             */
            this.$http.post(common.isdev()+'/orderFollow/orderHandle.htm',{
              fedOrderVO: fedOrderVOString
            }).then(function ( d ) {
              var res = typeof d.data === 'object' ? d.data : JSON.parse(d.data);
              if ( res.success ) {
									
				// 判断是否跳转支付页面
              	if ( res.statusCode == '000009' ) {
              		Toast('订单创建成功，无需支付');
              		window.location.href = '/';
              	} else {
	                window.location.href = res.payURL;
              	}
              	
              } else {
              	this.confirmType = true; //防止重复提交
                Toast(common.queryCodeMessage(res));
              }
              
            }, function( err ) {
              this.confirmType = true; //防止重复提交
              console.log(JSON.stringify(err) + '--订单提交出错');
            });
            
          },
          
          /**
           * 处理车牌第二次返回无显示
           */
          savePlate: function (plates, event) {
          	var val = event.currentTarget.value;
          	localStorage.setItem(plates, val);
          },
          
          /**
           * 处理 年月日 时间
           * @param {Object} time 事件戳
           * @return {String} 年月日时间
           * @example 2016/11/6  
           */
          timestamp: function( time ) {
          	
						var date = new Date(time);
						var Y = date.getFullYear() + '/';
						var M = (date.getMonth()+1 < 10 ? '0'+(date.getMonth()+1) : date.getMonth()+1) + '/';
						var D = date.getDate() + ' ';
						
						return Y + M + D;
						
					},
					
					/**
					 * 判断是否为空的对象
					 * @param {Object} obj
					 * @return {Boolean} 
					 */
					isEmptyObj: function ( obj ) {
						var num = 0;
						for ( var i in obj ) {
							num++;
						}
						return num > 0 ? true : false;
					}
				

      },
		  events: {
		    'chooseTime-dispatch'() {
          this.chooseTime = sessionStorage.getItem("fullday");
		    }
		  }
	}

</script>


<style lang="scss">

	@import '../../assets/css/_functions.scss';
	@import '../../assets/css/_variables.scss';
	.price-color{
		color:#f55923;
	}
	.normal-bg-t {
		padding-left: 0 !important; 
	}
	.bgf {
		margin-top:rem(16);
		background-color: #fff;
		.recommend-code {
			width: 100%;
			height: rem(48);
			line-height: rem(48);
			padding-left: rem(20);
			color: $_333;
			font-size: rem(14);
			input {
				border: none;
				background: $_fff;
				padding-left: rem(5);
			}
		}
	}
	.normal-bg-t {
		background-color: $_fff;
		font-size: rem(20);
	}
	.normal-bg {
		background-color: $_fff;
		padding: rem(12) rem(20);
		font-size: rem(14);
		i {
			margin-right: rem(5);
		}
	}
	
	.normal-bg-t {
		clear: both;
		overflow: hidden;
		height: rem(44);
		line-height: rem(44);
		margin-left: rem(15);
		border-bottom: 1px solid $_dedede;
		dd {
			float: left;
		}
		dd:first-child {
			display: inline-block;
			width: rem(202);
			height: rem(44);
		}
		dd:last-child {
			float: right;
			padding-right: rem(15);
		}
	}
	
	ul {
		li {
			border-bottom: 1px solid $_dedede;
			p {
				color: $_666;
				line-height: rem(30);
				font-size: rem(13);
			}
			h3 {
				line-height: rem(27);
			}
			h4 span:last-child {
				font-size: rem(13);
			}
		}
		li:last-child {
			border-bottom: 0;
		}
	}
	.couponPrice {
		color: $_666;
	}
	ul li p span:last-child,
	ul li h3 span:last-child,
	ul li h4 span:last-child {
		float: right;
	}
	
	.seclect-plate-btn {
		background: #0299f6 url(../../assets/images/arrow-b.png) no-repeat rem(20) center;
		display: inline-block;
		width: rem(30);
		height: rem(24);
		border-radius: rem(4);
		line-height: rem(24);
		color: #fff;
		padding-left: rem(4);
	}
	
	.plate-text {
		background: none;
		border: none;
		width: rem(70);
		margin-top: rem(-4);
		margin-left: rem(7);
		color: #243742;
	}
	
	i {
		color: $_999;
	}
	
	.username-text {
		background: none;
		border: none;
		width: rem(96);
		margin-top: rem(-4);
		color: #243742;
	}
	
	.amount {
		height: rem(30);
		line-height: rem(30);
		text-align: right;
		padding-top: rem(5);
		padding-right: rem(15);
	}
	
	.num {
		color: $_f55923;
		font-size: rem(16);
	}
	
	.num small:first-child {
		margin: 0 rem(5);
	}
	
	.mb40 {
		margin-bottom: rem(80);
	}
	
	.no-pd-r {
		padding-right: 0;
		.buy-title{

			color: #2992cf;

		}
	}
	
	.no-pd-r p, .no-pd-r h3 {
		padding-right: rem(15);
	}
	.ticket {
		background: transparent url(../../assets/images/arrow.png) no-repeat right 0.3rem;
		padding-right: rem(12);
	}
	.phone-num {
		background: transparent url(../../assets/images/phone.png) no-repeat left center;
		padding-left: rem(15);
	}
	.pd-b8 {
		padding-bottom: rem(8);
	}
	.pay-confirm {
		width: rem(375);
		background: #fafbfc;
		position: fixed;
		bottom: 0;
		z-index: 10;
		border-top: 1px solid $_dedede;
		padding:rem(12) rem(20);
		dl {
			dt {
				float: left;
				font-size: rem(14);

				padding-left: 2rem;

				p {
					display: table-cell;
					height: rem(48);
					vertical-align: middle;
				}
				small:first-child {
					margin: 0 rem(5)
				}
				.s {
					font-size: rem(12);
				}
			}
			dd {
				float: right;
			}
		}
		.ui-btn {
			display: block;
		    text-align: center;
		    width: 14.8rem;
		    font-family: Microsoft YaHei!important;
		    height: 4.5rem;
		    line-height: 4.8rem;
		    font-size: 1.8rem;
		    border: none;
		    outline: none;
		    background: #f60;
		    color: #fff;
		    float: right;
		    border-radius: 5px;
		}
	}
	
</style>